<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="sit">
    <div class="nav">
        <div class="left">
            <a href="javascript:void(0)">小米商城</a><span class="sep">|</span>
            <a href="javascript:void(0)">MIUI</a><span class="sep">|</span>
            <a href="javascript:void(0)">IoT</a><span class="sep">|</span>
            <a href="javascript:void(0)">云服务</a><span class="sep">|</span>
            <a href="javascript:void(0)">天星数科</a><span class="sep">|</span>
            <a href="javascript:void(0)">有品</a><span class="sep">|</span>
            <a href="javascript:void(0)">小爱开放平台</a><span class="sep">|</span>
            <a href="javascript:void(0)">企业团购</a><span class="sep">|</span>
            <a href="javascript:void(0)">资质证照</a><span class="sep">|</span>
            <a href="javascript:void(0)">协议规则</a><span class="sep">|</span>
            <a href="javascript:void(0)">下载app</a><span class="sep">|</span>
            <a href="javascript:void(0)">智能生活</a><span class="sep">|</span>
            <a href="javascript:void(0)">Select Location</a>
        </div>
        <div class="right">
            <a href="javascript:void(0)">登录</a><span class="sep">|</span>
            <a href="javascript:void(0)">注册</a><span class="sep">|</span>
            <a href="javascript:void(0)">消息通知</a><span class="sep">|</span>
            <a href="javascript:void(0)" class="gwc">购物车 (0)</a>
        </div>
        <div class="gwcc">快来选购吧</div>
    </div>
</div>



<div class="header clearfix">
    <div class="header-logo">
        <a href="index.html"> </a>
    </div>
    <div class="header-nav" >
        <a href="">小米手机</a>
        <a href="">Redmi 红米</a>
        <a href="">电视</a>
        <a href="">笔记本</a>
        <a href="">家电</a>
        <a href="">路由器</a>
        <a href="">智能硬件</a>
        <a href="">服务</a>
        <a href="">社区</a>
    </div>
    <div class="header-search">
        <input type="text" id="search">
        <button></button>
    </div>
    <div class="search-input">
        <a href="javascript:void (0)">服务</a>
        <a href="javascript:void (0)">智能硬件</a>
        <a href="javascript:void (0)">社区</a>
        <a href="javascript:void (0)">小米手机</a>
        <a href="javascript:void (0)">笔记本</a>
        <a href="javascript:void (0)">云服务</a>
    </div>
    <div class="header-bottom">
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
        <a href="javascript:void (0)">
            <img src="images/leijun.png" alt="">
            <div class="hello">Hello 三克油</div>
            <div class="yindu">印度的米粉你们好</div>
        </a>
    </div>
</div>


<div class="banner">
    <div class="left-nav">
        <ul>
            <li><a href="javascript:void (0)">手机 电话卡</a></li>
            <li><a href="javascript:void (0)">电视 盒子</a></li>
            <li><a href="javascript:void (0)">笔记本 显示器</a></li>
            <li><a href="javascript:void (0)">家电 插线板</a></li>
            <li><a href="javascript:void (0)">出行 穿戴</a></li>
            <li><a href="javascript:void (0)">智能 路由器</a></li>
            <li><a href="javascript:void (0)">电源 配件</a></li>
            <li><a href="javascript:void (0)">健康 儿童</a></li>
            <li><a href="javascript:void (0)">耳机 音箱</a></li>
            <li><a href="javascript:void (0)">生活 箱包</a></li>
        </ul>
    </div>
    <div class="bg-img">
        <a class="show" href="javascript:"><img src="images/banner1.webp" alt=""></a>
        <a href="javascript:"><img src="images/banner2.webp" alt=""></a>
        <a href="javascript:"><img src="images/banner3.jpg" alt=""></a>
        <a href="javascript:"><img src="images/banner4.webp" alt=""></a>
    </div>
    <div class="left-arr"></div>
    <div class="right-arr"></div>

    <div class="list">
        <a href="javascript:void (0)">手机 电话卡</a>
        <a href="javascript:void (0)">手机 电话卡2</a>
        <a href="javascript:void (0)">手机 电话卡3</a>
        <a href="javascript:void (0)">手机 电话卡4</a>
        <a href="javascript:void (0)">手机 电话卡5</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
        <a href="javascript:void (0)">电视 盒子</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
        <a href="javascript:void (0)">笔记本 显示器</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
        <a href="javascript:void (0)">家电 插线板</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">出行 穿戴</a>
        <a href="javascript:void (0)">出行 穿戴</a>
        <a href="javascript:void (0)">出行 穿戴</a>
        <a href="javascript:void (0)">出行 穿戴</a>
        <a href="javascript:void (0)">出行 穿戴</a>
        <a href="javascript:void (0)">出行 穿戴</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">智能 路由器</a>
        <a href="javascript:void (0)">智能 路由器</a>
        <a href="javascript:void (0)">智能 路由器</a>
        <a href="javascript:void (0)">智能 路由器</a>
        <a href="javascript:void (0)">智能 路由器</a>
        <a href="javascript:void (0)">智能 路由器</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
        <a href="javascript:void (0)">电源 配件</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
        <a href="javascript:void (0)">健康 儿童</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
        <a href="javascript:void (0)">耳机 音箱</a>
    </div>
    <div class="list">
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
        <a href="javascript:void (0)">生活 箱包</a>
    </div>
</div>


<div class="sus clearfix">
    <div class="sus-left">
        <ul>
            <li><a href="javascript:void(0)">
                <img src="images/sus1.png" alt="">
                <div class="sus-text">小米秒杀</div>
            </a></li>
            <li><a href="javascript:void(0)">
                <img src="images/sus2.png" alt="">
                <div class="sus-text">企业团购</div>
            </a></li>
            <li><a href="javascript:void(0)">
                <img src="images/sus3.png" alt="">
                <div class="sus-text">F码通道</div>
            </a></li>
            <li><a href="javascript:void(0)">
                <img src="images/sus4.png" alt="">
                <div class="sus-text">米粉卡</div>
            </a></li>
            <li><a href="javascript:void(0)">
                <img src="images/sus5.png" alt="">
                <div class="sus-text">以旧换新</div>
            </a></li>
            <li><a href="javascript:void(0)">
                <img src="images/sus6.png" alt="">
                <div class="sus-text">话费充值</div>
            </a></li>
        </ul>
    </div>
    <div class="sus-right">
        <a href="javascript:void(0)"></a>
        <a href="javascript:void(0)"></a>
        <a href="javascript:void(0)"></a>
    </div>
</div>



<div class="commodity">
    <h2 class="title">小米秒杀</h2>
    <div class="product">
        <div class="left">
            <div class="round">00:00 场</div>
            <img src="images/shangou.jpg" alt="">
            <div class="desc">距离结束还有</div>
            <div class="count-down">
                <span>09</span>
                <div>:</div>
                <span>33</span>
                <div>:</div>
                <span>18</span>
            </div>
        </div>
        <div class="left">
            <div class="round">00:00 场</div>
            <img src="images/shangou.jpg" alt="">
            <div class="desc">距离结束还有</div>
            <div class="count-down">
                <span>09</span>
                <div>:</div>
                <span>33</span>
                <div>:</div>
                <span>18</span>
            </div>
        </div>
        <div class="left">
            <div class="round">00:00 场</div>
            <img src="images/shangou.jpg" alt="">
            <div class="desc">距离结束还有</div>
            <div class="count-down">
                <span>09</span>
                <div>:</div>
                <span>33</span>
                <div>:</div>
                <span>18</span>
            </div>
        </div>
        <div class="left">
            <div class="round">00:00 场</div>
            <img src="images/shangou.jpg" alt="">
            <div class="desc">距离结束还有</div>
            <div class="count-down">
                <span>09</span>
                <div>:</div>
                <span>33</span>
                <div>:</div>
                <span>18</span>
            </div>
        </div>
        <div class="left">
            <div class="round">00:00 场</div>
            <img src="images/shangou.jpg" alt="">
            <div class="desc">距离结束还有</div>
            <div class="count-down">
                <span>09</span>
                <div>:</div>
                <span>33</span>
                <div>:</div>
                <span>18</span>
            </div>
        </div>
<!--    <div class="right">-->
<!--    </div>-->
    </div>
</div>


<div class="note"><a href="javascript:void(0)">
    <img src="images/note9.webp" alt="">
</a></div>


<div class="phone clearfix">
    <h2 class="title">手机</h2>
    <div class="phones">
        <div class="left">
            <a href="javascript:void(0)">
                <img src="images/phone-left.webp" alt="">
            </a>
        </div>
        <div class="right">
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>
            <a href="javascript:void(0)">
                <img src="images/phone-right1.webp" alt="">
                <div class="product">小米MIX FOLD</div>
                <div class="desc">折叠大屏｜自研芯片</div>
                <div class="price">9999元起</div>
            </a>

        </div>

    </div>
</div>
<!--
    局部变量
    函数声明的变量只在该函数内部可见
    全局变量
-->
<!--<a class="about" href="about.html">about</a>-->
<script src="js/index.js"></script>
</body>
</html>